<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%@ taglib uri="http://java.sun.com/jstl/core_rt" prefix="c"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt"%>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions"%>
<c:set var="path" value="${pageContext.request.contextPath }" />
<%@ taglib tagdir="/WEB-INF/tags" prefix="matrix"%>
<%@ taglib uri="http://matrixcsm.zkingsoft.com" prefix="cms"%>
<cms:ads   code="'img_lFF110',
'img_hpj7i1',
'img_riL982',
'ZY_GuanYuWoMen_3',
'ZY_QuanMianZhiLiangGuanLi_4',
'img_FCEX15',
'ZY_YongYouDuoTiaoChaoSheng_6',
'ZY_DuoTiaoShengChanXian_7',
'img_FY3_P8',
'ZY_WoMenKeZuo_9',
'ZY_JiaoHuoJiShi_10',
'img_T7yLe11',
'ZY_YuDiSanFangJianCe_12',
'ZY_ZhiLiangBaoZheng_13',
'img_mUA8s14',
'ZY_WanShanDeShouHouGuan_15',
'ZY_WanShanDeShouHouFu_16',
'ZY_LeJieGengDuo_17',
'img_vulSZ18',
'ZY_ChanPin_19',
'img_ep5sI20',
'ZY_LingZhiBaoZiYou_21',
'anode_22',
'ZY_LaiYuanLingZhiBao_23',
'img_vTxvo24',
'ZY_LingZhiBaoZiYou_25',
'anode_26',
'ZY_LaiYuanLingZhiBao_27',
'img_KmIA128',
'ZY_LingZhiBaoZiYou_29',
'anode_30',
'ZY_LaiYuanLingZhiBao_31',
'ZY_LeJieGengDuo_32',
'img_W2fqG33',
'ZY_YiJiaZhuanYeCongShi_34',
'ZY_GongSiWeiYuHuNan_35',
'ZY_LeJieGengDuo_36',
'img_fEz7N37',
'img_hNg1Y38',
'ZY_XinWenZiXun_39',
'img_X$IfQ40',
'ZY_HuNanWanTaiShengWu_41',
'ZY_ZhangShaShiXiongJiuJiu_42',
'ZY_43_43',
'img_XGOWB44',
'ZY_HuNanWanTaiShengWu_45',
'ZY_ZhangShaShiXiongJiuJiu_46',
'ZY_47_47',
'ZY_LeJieGengDuo_48',
'img_gcHHb49'
"  ></cms:ads>
<!doctype html>
<html>
 <head>
  <link rel="icon" sizes="any" href="${浏览器logo}">
  <title>${网页标题}</title>
  <meta charset="UTF-8"> 
  <meta http-equiv="X-UA-Compatible" content="IE=edge"> 
  <meta name="viewport" content="width=device-width, initial-scale=1,"> 
  <link rel="stylesheet" href="https://gwfile.csxuncong.com/xxswen/pc/css/swiper.min.css">
  <link rel="stylesheet" href="https://gwfile.csxuncong.com/xxswen/pc/css/animate.css">
  <link rel="stylesheet" href="https://gwfile.csxuncong.com/xxswen/pc/css/common.css">
  <!--[if lt IE 9]>
      <script src="https://cdn.jsdelivr.net/npm/html5shiv@3.7.3/dist/html5shiv.min.js"></script>
      <script src="https://cdn.jsdelivr.net/npm/respond.js@1.4.2/dest/respond.min.js"></script>
    <![endif]--> 
  <style>.swiper-pagination-bullet{ background: #ffffff; } .box{ padding: 60px 0; } .bg-gray{ background: #F5F5F5; } .about-us-list{ margin: 60px -5px 0; } .about-us-list .item{ margin: 0 5px; } .about-us-list .item .img-wrap{ overflow: hidden; cursor: pointer; } .about-us-list .item img{ width: 100%; -moz-transition: 0.5s all ease; -o-transition: 0.5s all ease; -webkit-transition: 0.5s all ease; transition: 0.5s all ease; } .about-us-list .img-wrap:hover img { -webkit-transform: scale(1.15); -ms-transform: scale(1.15); -o-transform: scale(1.15); transform: scale(1.15); } .about-us-list .item .desc{ height: 158px; margin: 20px 0; font-size: 15px; line-height: 26px; color: rgb(47 55 47 / 70%); } .about-us-list .item .name{ display: inline-block; font-size: 18px; border-bottom: 1px solid #2F372F; padding-bottom: 5px; font-weight: bold; } .product-list{ margin: 0 -80px; } .product-list .item{ width: 50%; padding: 10px 50px; box-sizing: border-box; } .product-list .item .img-wrap{ width: 260px; flex: 0 0 260px; overflow: hidden; padding: 15px; box-sizing: border-box; } .product-list .item img{ max-width: 100%; max-height: 100%; display: block; -moz-transition: 1s all ease; -o-transition: 1s all ease; -webkit-transition: 1s all ease; transition: 1s all ease; } .product-list .item .img-wrap:hover img { -webkit-transform: scale(1.15); -ms-transform: scale(1.15); -o-transform: scale(1.15); transform: scale(1.15); } .product-list .item .con{ padding-left: 10px; } .product-list .item .con .name{ line-height: 26px;color: #3EA836; font-size: 20px; font-weight: bold; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; } .product-list .item .con .sub-name{ font-style: italic;color: #3EA836; font-size: 20px; margin-top: 10px; border-bottom: 1px solid rgb(62 168 54 / 50%); padding-bottom: 5px; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; } .product-list .item .con .desc{ margin-top: 20px; font-size: 15px; color: rgb(47 55 47 / 90%); line-height: 28px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:4; overflow: hidden; } .product-list .item .con .time{ font-size: 14px; margin-top: 20px; color: rgb(47 55 47 / 70%); } .company-wrap{ background: url(https://gwfile.csxuncong.com/xxswen/pc/images/home/bg.png) no-repeat center; background-size: contain; margin: 20px 0; } .company-wrap .left, .company-wrap .right{ width: 50%; } .company-wrap .left{ padding-right: 15%; box-sizing: border-box; } .company-wrap .title{ text-align: left; line-height: 40px; } .company-wrap .desc{ color:rgb(47 55 47 / 70%); font-size: 16px; line-height: 28px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:5; overflow: hidden; text-align: justify; } .company-wrap .right img{ max-width: 100%; } .company-wrap .look-more-wrap{ text-align: left; } .news-list{ margin: 0 -30px; } .news-list .item{ width: 50%; box-sizing: border-box; margin: 0 30px; box-shadow: 0 0 30px rgba(35, 160, 77, 0.1); } .news-list .item img{ width: 100%; display: block; height: 350px; } .news-list .item .con{ padding: 30px 40px; } .news-list .item .con .name{ color: #2F372F; font-size: 18px; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; } .news-list .item .con .desc{ margin-top: 15px; font-size: 15px; color: rgb(47 55 47 / 70%); line-height: 24px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:2; overflow: hidden; text-align: justify; } .news-list .item .con .time{ font-size: 14px; margin-top: 20px; color: rgb(47 55 47 / 70%); }
  .box .title{color: #3EA836;}
  </style>
  <meta name="keywords" content="${网页关键词}">
  <meta name="description" content="${网页描述 }">
 </head> 
 <body> 
  <jsp:include page="_top.jsp"></jsp:include> 
  <div class="banner"> 
   <div class="swiper-container"> 
    <div class="swiper-wrapper">

     <cms:ad var="banner" code="banners"></cms:ad>
     <c:forEach items="${banner }" var="item">
     <div class="swiper-slide"> 
      <img src="${item.adImg}" class="img zy" data-type="ad" data-id="${item.adId}">
     </div>
     </c:forEach>
    </div>
    <div class="swiper-pagination"></div> 
   </div> 
  </div> 
  <div class="box bg-gray"> 
   <div class="container"> 
    <h2 class="title animated wow slideInDown zy" data-type="ad" data-id="${ZY_GuanYuWoMen_3.adId}">${ZY_GuanYuWoMen_3.adTitle}</h2> 
    <h3 class="sub-title animated wow slideInDown zy" data-type="ad" data-id="${ZY_QuanMianZhiLiangGuanLi_4.adId}">${ZY_QuanMianZhiLiangGuanLi_4.adTitle}</h3> 
    <div class="about-us-list flex space-between"> 
     <div class="item flex-1 wow animated fadeInUpA" data-wow-delay="0s"> 
      <div class="img-wrap"> 
       <img src="${img_FCEX15.adImg}" class="img zy" data-type="ad" data-id="${img_FCEX15.adId}"> 
      </div> 
      <p class="desc zy" data-type="ad" data-id="${ZY_YongYouDuoTiaoChaoSheng_6.adId}">${ZY_YongYouDuoTiaoChaoSheng_6.adTitle}</p> 
      <h3 class="name zy" data-type="ad" data-id="${ZY_DuoTiaoShengChanXian_7.adId}">${ZY_DuoTiaoShengChanXian_7.adTitle}</h3> 
     </div> 
     <div class="item flex-1 wow animated fadeInUpA" data-wow-delay="0.2s"> 
      <div class="img-wrap"> 
       <img src="${img_FY3_P8.adImg}" class="img zy" data-type="ad" data-id="${img_FY3_P8.adId}"> 
      </div> 
      <p class="desc zy" data-type="ad" data-id="${ZY_WoMenKeZuo_9.adId}">${ZY_WoMenKeZuo_9.adTitle}</p> 
      <h3 class="name zy" data-type="ad" data-id="${ZY_JiaoHuoJiShi_10.adId}">${ZY_JiaoHuoJiShi_10.adTitle}</h3> 
     </div> 
     <div class="item flex-1 wow animated fadeInUpA" data-wow-delay="0.4s"> 
      <div class="img-wrap"> 
       <img src="${img_T7yLe11.adImg}" class="img zy" data-type="ad" data-id="${img_T7yLe11.adId}"> 
      </div> 
      <p class="desc zy" data-type="ad" data-id="${ZY_YuDiSanFangJianCe_12.adId}">${ZY_YuDiSanFangJianCe_12.adTitle}</p> 
      <h3 class="name zy" data-type="ad" data-id="${ZY_ZhiLiangBaoZheng_13.adId}">${ZY_ZhiLiangBaoZheng_13.adTitle}</h3> 
     </div> 
     <div class="item flex-1 wow animated fadeInUpA" data-wow-delay="0.6s"> 
      <div class="img-wrap"> 
       <img src="${img_mUA8s14.adImg}" class="img zy" data-type="ad" data-id="${img_mUA8s14.adId}"> 
      </div> 
      <p class="desc zy" data-type="ad" data-id="${ZY_WanShanDeShouHouGuan_15.adId}">${ZY_WanShanDeShouHouGuan_15.adTitle}</p> 
      <h3 class="name zy" data-type="ad" data-id="${ZY_WanShanDeShouHouFu_16.adId}">${ZY_WanShanDeShouHouFu_16.adTitle}</h3> 
     </div> 
    </div> 
    <div class="look-more-wrap wow animated slideInUp"> 
     <a href="${path}/do/redirect/pc/serviceSupport"><span class="look-more-txt zy" data-type="ad" data-id="${ZY_LeJieGengDuo_17.adId}">${ZY_LeJieGengDuo_17.adTitle}</span><img src="${img_vulSZ18.adImg}" class="zy" data-type="ad" data-id="${img_vulSZ18.adId}"></a>
    </div> 
   </div> 
  </div> 
  <div class="box"> 
   <div class="container"> 
    <h2 class="title animated wow slideInDown zy" data-type="ad" data-id="${ZY_ChanPin_19.adId}">${ZY_ChanPin_19.adTitle}</h2> 
    <!-- <div class="product-list flex flex-wrap">
                <div class="item flex-1 wow animated fadeInUpA" data-wow-delay="0s">
                    <div class="img-wrap">
                        <img src="./images/product1.png" class="img">
                    </div>
                    <h3 class="name">大豆提取物</h3>
                </div>
                <div class="item flex-1 wow animated fadeInUpA" data-wow-delay="0.2s">
                    <div class="img-wrap">
                        <img src="./images/product1.png" class="img">
                    </div>
                    <h3 class="name">大豆提取物</h3>
                </div>
                <div class="item flex-1 wow animated fadeInUpA" data-wow-delay="0.4s">
                    <div class="img-wrap">
                        <img src="./images/product1.png" class="img">
                    </div>
                    <h3 class="name">大豆提取物</h3>
                </div>
                <div class="item flex-1 wow animated fadeInUpA" data-wow-delay="0.6s">
                    <div class="img-wrap">
                        <img src="./images/product1.png" class="img">
                    </div>
                    <h3 class="name">大豆提取物</h3>
                </div>
                <div class="item flex-1 wow animated fadeInUpA" data-wow-delay="0.8s">
                    <div class="img-wrap">
                        <img src="./images/product1.png" class="img">
                    </div>
                    <h3 class="name">大豆提取物</h3>
                </div>
            </div> --> 
    <div class="product-list flex flex-wrap space-between">

     <cms:arts var="arts" code="cp"></cms:arts>
     <c:forEach items="${arts }" var="art" varStatus="status" >
     <div class="item flex align-center wow animated fadeInUpA"> 
      <div class="img-wrap flex align-center"> 
       <img src="${art.artImage}">
      </div> 
      <div class="con">
       <h4 class="name zy">${art.artTitle}</h4>
       <h4 class="sub-name zy">${art.artLables}</h4>
       <p class="desc zy">${art.artAbstract}</p>
      </div>
     </div>
     </c:forEach>
    </div> 
    <div class="look-more-wrap wow animated slideInUp"> 
     <a href="${path}/do/redirect/pc/product"><span class="look-more-txt zy" data-type="ad" data-id="${ZY_LeJieGengDuo_32.adId}">${ZY_LeJieGengDuo_32.adTitle}</span><img src="${img_W2fqG33.adImg}" class="zy" data-type="ad" data-id="${img_W2fqG33.adId}"></a>
    </div> 
   </div> 
  </div> 
  <div class="box bg-gray"> 
   <div class="container"> 
    <div class="company-wrap flex"> 
     <div class="left "> 
      <h1 class="title wow animated fadeInLeftSmall zy" data-type="ad" data-id="${ZY_YiJiaZhuanYeCongShi_34.adId}">${ZY_YiJiaZhuanYeCongShi_34.adTitle}</h1> 
      <p class="desc wow animated fadeInLeftSmall zy" data-wow-delay="0.2s" data-type="ad" data-id="${ZY_GongSiWeiYuHuNan_35.adId}">${ZY_GongSiWeiYuHuNan_35.adTitle}</p> 
      <div class="look-more-wrap wow animated fadeInLeftSmall" data-wow-delay="0.4s"> 
       <a href="${path}/do/redirect/pc/aboutUS"><span class="look-more-txt zy" data-type="ad" data-id="${ZY_LeJieGengDuo_36.adId}">${ZY_LeJieGengDuo_36.adTitle}</span><img src="${img_fEz7N37.adImg}" class="zy" data-type="ad" data-id="${img_fEz7N37.adId}"></a>
      </div> 
     </div> 
     <div class="right wow animated fadeInRightSmall"> 
      <img src="${img_hNg1Y38.adImg}" class="zy" data-type="ad" data-id="${img_hNg1Y38.adId}"> 
     </div> 
    </div> 
   </div> 
  </div> 
  <div class="box news"> 
   <div class="container"> 
    <h2 class="title animated wow slideInDown zy" data-type="ad" data-id="${ZY_XinWenZiXun_39.adId}">${ZY_XinWenZiXun_39.adTitle}</h2> 
    <div class="news-list flex space-between">
     <cms:arts var="artList" code="xwzx" pageNow="0" pageSize="2"></cms:arts>
     <c:forEach items="${artList }" var="item" >
     <div class="item flex-1 wow animated fadeInUpA">
      <a href="${path}/do/redirect/pc/newsDetail?id=${item.artId}">
       <img src="${item.artImage}" />
       <div class="con">
        <h4 class="name zy">${item.artTitle}</h4>
        <p class="desc zy">${item.artAbstract}</p>
        <h4 class="time zy"><fmt:formatDate pattern="yyyy-MM-dd" value="${item.artCreatetiem}" ></fmt:formatDate></h4>
       </div> </a>
     </div>
     </c:forEach>
    </div>
    <div class="look-more-wrap wow animated slideInUp"> 
     <a href="${path}/do/redirect/pc/news"><span class="look-more-txt zy" data-type="ad" data-id="${ZY_LeJieGengDuo_48.adId}">${ZY_LeJieGengDuo_48.adTitle}</span><img src="${img_gcHHb49.adImg}" class="zy" data-type="ad" data-id="${img_gcHHb49.adId}"></a>
    </div> 
   </div> 
  </div> 
  <jsp:include page="_footer.jsp"></jsp:include>  
  <script src="https://gwfile.csxuncong.com/xxswen/pc/js/swiper.min.js"></script>
  <script src="https://gwfile.csxuncong.com/xxswen/pc/js/wow.min.js"></script>
  <script>
        window.onload = function(){
            var swiper = new Swiper('.banner .swiper-container', {
                speed:1000,
                loop:true,
                slidesPerView: 1,
                autoplay : 3000,
                pagination: '.banner .swiper-pagination'
            });
        }
        var itemEls = document.getElementsByClassName('nav-item-hover');
        for(var i= 0; i < itemEls.length;i++){
            itemEls[i].onmouseover = function(){
                var els = this.getElementsByClassName('nav-layout');
                if(els.length) {
                    els[0].style.display = 'block'
                };
            }
            itemEls[i].onmouseout = function(){
                var els = this.getElementsByClassName('nav-layout');
                if(els.length) {
                    els[0].style.display = 'none'
                };
            }
        }
        var wow = new WOW({
            boxClass: 'wow',
            animateClass: 'animated',
            offset: 0,
            mobile: true,
            live: true
        });
        wow.init();
        var openContactUsEl = document.getElementById('openContactUs');
        var closeContactUsEl = document.getElementById('closeContactUs');
        var contactUsSildeEl = document.getElementById('contactUsSilde');
        if(openContactUsEl){
            closeContactUsEl.onclick = function () {
                contactUsSildeEl.style.right = '-124px';
                closeContactUsEl.style.display = 'none';
                openContactUsEl.style.display = 'block';
            }
            openContactUsEl.onclick = function () {
                contactUsSildeEl.style.right = 0;
                openContactUsEl.style.display = 'none';
                closeContactUsEl.style.display = 'block';
            }
        }
    </script> 
 </body>
</html>